<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

<style type="text/css">
    .triangle{
        width:0px;
        height:0px;
        border-right:6px solid transparent;
        border-left:6px solid transparent;
        border-bottom:6px solid #0984e3;

    }

    .line{
        border-bottom:2px solid #0984e3;
    }


    .btn_sel7{
        width: 60px;
        border: 1px solid #d1d1d1;
        border-radius: 3px;
        background: #fff;
        -webkit-box-shadow: 0 1px 0 #ccc;
        box-shadow: 0 1px 0 #ccc;
        font-size: 14px;
    }

    /*需要切换的hover类*/
    .btn_sel7:hover{
        background-color:#f5f6fa;
        /*font-weight: bold;*/
    }

</style>

</head>
<body>

<div style="width: 93%;margin-left: 30px;padding-bottom: 20px;">
    <div class="row" style="background-color: white; padding: 0px 10px 0px 10px" >
        <div style="width: 100%; height: 85px; padding-left:20px;padding-top: 10px; background-color: #f1f2f6;
                 -moz-box-shadow: 0px 0px 2px  #909090;-webkit-box-shadow: 0px 0px 2px  #909090;">
            <span class="glyphicon glyphicon-piggy-bank" style="font-size: 30px;color: #00a8ff "></span>
            <span style="font-size: 25px; ">我的钱包 </span>
            <p style="font-size: 18px">
                <span>账户名:</span>
                <span>125****8123</span>
                &emsp;&emsp;&emsp;
                <span class="glyphicon glyphicon-warning-sign" style="color: #eb2f06"></span>
                <span>账户未实名认证:</span>
                <a href="#">去认证</a>
                <span>&nbsp;|&nbsp;</span>
                <span>安全等级:</span>
                <a href="#" style="color: #eb2f06">警告</a>
            </p>
        </div>
    </div>
    <div class="row" style="background-color: white; padding: 0px 10px 30px 10px" >
        <div class="triangle" style="margin-left: 20px"></div>
        <div class="line"></div>
        <div style="border: 1px solid #dcdde1;height: 130px">
            <div style="float: left;padding: 25px 10px;width: 65%">
                <a href="#">
                    <span style="color: #0f0f0f">现金余额</span>
                </a>
                &emsp;&emsp;&emsp;
                <span style="font-size: 12px; color: #718093">不可用金额：0.00元</span>
                <p></p>
                <span style="font-size: 27px; color: #eb2f06">0.00</span>
                <span style="font-size: 15px;">元</span>
                <button class="btn_sel7" style="float: right;margin-top: 30px">提现</button>
                <span style="float: right">&nbsp; &nbsp;</span>
                <button class="btn_sel7" style="float: right;margin-top: 30px" >充值</button>
            </div>
            <div style="float: left; border-right: 1px dotted #718093; width: 1%;height: 100%"></div>
            <div style="float: left; width: 34%; height: 100%;  padding-top: 10px;font-size: 13px">
                <div style="height: 50%; padding-left: 20px;">
                    <spanp>返现</spanp>
                    <br>
                    <span style="color: #718093">0.00元</span>
                    &emsp;
                    <a href="#">管理</a>
                </div>
                <div style="border-top: 1px dotted #718093;width: 100%; height:1%"></div>
                <div style="height: 50%; padding-left: 20px;padding-top: 10px">
                    <spanp>我的银行卡</spanp>
                    <br>
                    <span style="color: #718093">0张</span>
                    &emsp;
                    <a href="#">管理</a>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
</html>